Hi
I have a joomla 1.5 installation with a menu system based on javascript/mootools.
I now want to have the exact same menu also in vb. I achieved this for FF3 and IE7 by copying code into the vb-header with links to the js folder and images of this menu. Dropdown menus are working, colors are correct etc.
Only in IE6 this does not work. The background images of the topmenu of my joomla menu does not appear and above all the dropdowns simply do not exist in IE6.
The template coder did write a IE6-rule as an addon specifically for IE6. But it seems that not all of the code gets through.
If I use the same code on a plain vanilla php site, it works perfect. Also in Joomla 1.5 the menu system works with IE6 without problems.
So I guess there is something that Vb 3.8 does not like when I put it into the header of vb.
What can cause this IE6 trouble?
A snapshot of my header-code :
Thanks in advance
I have a joomla 1.5 installation with a menu system based on javascript/mootools.
I now want to have the exact same menu also in vb. I achieved this for FF3 and IE7 by copying code into the vb-header with links to the js folder and images of this menu. Dropdown menus are working, colors are correct etc.
Only in IE6 this does not work. The background images of the topmenu of my joomla menu does not appear and above all the dropdowns simply do not exist in IE6.
The template coder did write a IE6-rule as an addon specifically for IE6. But it seems that not all of the code gets through.
If I use the same code on a plain vanilla php site, it works perfect. Also in Joomla 1.5 the menu system works with IE6 without problems.
So I guess there is something that Vb 3.8 does not like when I put it into the header of vb.
What can cause this IE6 trouble?
A snapshot of my header-code :
Code:
<script type="text/javascript" src="/_testforum/_rote_navizeile/media/system/js/mootools.js"></script> <script type="text/javascript" src="/_testforum/_rote_navizeile/media/system/js/caption.js"></script> <link href="/_testforum/_rote_navizeile/rt_mixxmag_j15/css/template.css" rel="stylesheet" type="text/css" /> <link href="/_testforum/_rote_navizeile/rt_mixxmag_j15/css/style7.css" rel="stylesheet" type="text/css" /> <link href="/_testforum/_rote_navizeile/rt_mixxmag_j15/css/rokmininews.css" rel="stylesheet" type="text/css" /> <link href="/_testforum/_rote_navizeile/rt_mixxmag_j15/css/typography.css" rel="stylesheet" type="text/css" /> <link href="/_testforum/_rote_navizeile/system/css/system.css" rel="stylesheet" type="text/css" /> <link href="/_testforum/_rote_navizeile/system/css/general.css" rel="stylesheet" type="text/css" /> <link href="/_testforum/_rote_navizeile/rt_mixxmag_j15/css/rokmoomenu.css" rel="stylesheet" type="text/css" /> <!-- aus dem Quellcode der IE6 anzeige kopiert --> <!--[if IE 7]> <link href="/_testforum/_rote_navizeile/rt_mixxmag_j15/css/template_ie7.css" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if lte IE 6]> <link href="/_testforum/_rote_navizeile/rt_mixxmag_j15/css/template_ie6.css" rel="stylesheet" type="text/css" /> <script src="/_testforum/_rote_navizeile/rt_mixxmag_j15/js/DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('.png'); </script> <![endif]--> <script type="text/javascript" src="/_testforum/_rote_navizeile/rt_mixxmag_j15/js/rokie6warn.js"></script> <!-- Ende aus dem Quellcode der IE6 anzeige kopiert --> <script type="text/javascript" src="/_testforum/_rote_navizeile/rt_mixxmag_j15/js/rokutils.js"></script> <script type="text/javascript" src="/_testforum/_rote_navizeile/rt_mixxmag_j15/js/rokmodtools.js"></script> <script type="text/javascript" src="/_testforum/_rote_navizeile/rt_mixxmag_j15/js/rokmoomenu.js"></script> <script type="text/javascript" src="/_testforum/_rote_navizeile/rt_mixxmag_j15/js/mootools.bgiframe.js"></script> <script type="text/javascript"> window.addEvent('domready', function() { new Rokmoomenu($E('ul.menutop '), { bgiframe: false, delay: 500, animate: { props: ['height'], opts: { duration: 450, fps: 24, transition: Fx.Transitions.Quad.easeInOut } }, bg: { enabled: false, overEffect: { duration: 100, transition: Fx.Transitions.Expo.easeOut }, outEffect: { duration: 800, transition: Fx.Transitions.Sine.easeOut } }, submenus: { enabled: false, overEffect: { duration: 50, transition: Fx.Transitions.Expo.easeOut }, outEffect: { duration: 600, transition: Fx.Transitions.Sine.easeIn }, offsets: { top: 5, right: 15, bottom: 5, left: 5 } } }); }); </script> <div id="horiz-menu" class="moomenu"> <ul class="menutop"> <li id="current" class="active item1"><a href="http://www.myurl/"><span>Home</span></a></li> <li class="parent item167"><a href="javascript:void(0)" onclick="return false" class="topdaddy"><span>xxx</span></a> <ul> <li class="item69"><a href="http://www.myurl/index.php"><span> xxx</span></a></li> <li class="item52"><a href="/index.php?option=com_content&view=article&id=962&Itemid=52"><span>xxx</span></a></li> </ul> </li><li class="parent item168"><a href="javascript:void(0)" onclick="return false" class="topdaddy"><span>xxxx</span></a> <ul> <li class="parent item120"><a href="/index.php?option=com_content&view=article&id=136&Itemid=120" class="daddy"><span>xxxx </span></a> <ul> <li class="item105"><a href="/index.php?option=com_content&view=article&id=141&Itemid=105"><span>xxx</span></a></li> <li class="item106"><a href="/index.php?option=com_content&view=article&id=12&Itemid=106"><span>xxx</span></a></li> </ul> </li> </ul> </li> ...many more menu items... </div> <p></p> $spacer_open $_phpinclude_output $ad_location[ad_header_end]
Comment